<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>{$title}</title>
	<meta name="keywords" content="{$keywords}" />
    <meta name="description" content="{$description}">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- ================= Favicon ================== -->
	<link rel="shortcut icon" href="favicon.ico" />
    
    <!-- Font Awesome css-->
    <link rel="stylesheet" href="__STATIC__/images/font-awesome.min.css">
    <!-- Bootsrap css-->
    <link rel="stylesheet" href="__STATIC__/images/bootstrap.min.css">
    <!-- SLimple Light box-->
    <link rel="stylesheet" href="__STATIC__/images/magnific-popup.css">

    <!-- REVOLUTION SLIDER STYLES -->
    <link rel="stylesheet" type="text/css" href="__STATIC__/images/settings.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/images/layers.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/images/navigation.css">
    <!-- Owl Carousel -->
    <link rel="stylesheet" href="__STATIC__/images/owl.carousel.min.css">
    <link rel="stylesheet" href="__STATIC__/images/owl.theme.min.css">
    <!-- Animate css-->
    <link rel="stylesheet" href="__STATIC__/images/animate.min.css">
    <!-- Style-->
    <link rel="stylesheet" href="__STATIC__/images/style.css">
    <!-- Color Swhicher css-->
	<link data-style="color-style" rel="stylesheet" href="__STATIC__/images/color-blue.css">
    <!-- Responsive-->
    <link rel="stylesheet" href="__STATIC__/images/responsive.css">
    <!-- Modernizr-->
    <script src="__STATIC__/images/modernizr-2.8.3.min.js"></script>
</head>
<body>

    <div class="mobile-menu">
        <div class="container">
            <div class="mobile-logo-search-humbarger">
                <div class="logo" style="margin-right: 15%;">
                    <a href="index.php"><img src="__STATIC__/images/logo.png" alt="" /></a>
                </div>
                
                <div class="humbarger-button">
                <div style="color: #fff;font-size: 12px; padding-right:14px; line-height:140%;position: relative;float: left;">
                    <a href="index.php" style="color:#fff;">中文</a>&nbsp;&nbsp;<a href="index.php" style="color:#fff;">EN</a>
                </div>
                    <i class="fa fa-bars"></i>
                </div>
            </div>
        </div>
    </div><!--/.menu-area-->
    <nav class="mobile-background-nav">
        <div class="mobile-inner">
            <span class="mobile-menu-close"><i class="fa fa-times"></i></span>
            <ul class="menu-accordion">
            	<li><a href="/" class="has-submenu">首页</a></li>
           		{nav name="nav"}
                <li>
                	<a href="{$nav['url']|get_nav_url}" class="has-submenu">{$nav['title']}</a>
                	{if !empty($nav['_child'])}
                	<ul class="dropdown">
                		{volist name="nav['_child']" id="vo"}
                		<li><a href="{$vo['url']|get_nav_url}">{$vo['title']}</a></li>
                		{/volist}
                	</ul>
                	{/if}
                </li>
                {/nav}
           </ul>
        </div>
   </nav>
    <div class="slider-area home-two-slider">
        <div class="menu-area desktop-menu">
            <div class="container">
             <div style="color:#fff;float:right;">
                       <a href="contact.php" style="color:#fff;">中文</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="contact.php"  style="color:#fff;">English</a>
                   </div>
                   <div style="clear:both;"></div>
                <div class="menu-logo">
                   
                    <div class="logo" style="float:left;">
                        <a href="index.php"><img src="__STATIC__/images/logo.png" alt="logo"></a>
                    </div>
                    
                   
                    <nav id="easy-menu">
                        <ul class="menu-list">
                        	<li><a href="/" class="has-submenu">首页</a></li>
                        	{nav name="nav"}
                            <li>
                            	<a href="{$nav['url']|get_nav_url}" class="has-submenu">{$nav['title']}</a>
                            	{if !empty($nav['_child'])}
			                	<ul class="dropdown">
			                		{volist name="nav['_child']" id="vo"}
			                		<li><a href="{$vo['url']|get_nav_url}">{$vo['title']}</a></li>
			                		{/volist}
			                	</ul>
			                	{/if}
                            </li>
                			{/nav}
						</ul>
                   </nav><!--#easy-menu-->
                   
				</div>
			</div>
		</div>
{block name="body"}{/block}
{:ad("hzhb")}
    <footer>
        <div class="get-started-area base-bg">
            <div class="container">
                <div class="row">
                    <div class="col-md-8">
                        <div class="get-started-text">
                            <h3>如果您想了解更多关于轩陶的信息</h3>
                            <span>您可以点击按钮立刻联系我们</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="get-started-button text-right">
                            <a href="{:url('index/contact/detail?model=contact',array('id'=>$contact['id']))}" class="kal-button btn-large">联系我们</a>
                        </div>
                    </div>
                </div>
            </div>
        </div><!--/.get-started-area-->
        <div class="main-footer">
            <div class="container">
                <div class="row">
                    <div class="col-lg-2 col-md-4 col-sm-6">
                        <div class="footer-widget footer-widget-about">
                            <div class="footer-logo">
                                <a href="#"><img src="{:get_cover($contact['cover_id'],'path')}" width="140" height="140"></a>
                            </div>
                            <p>扫描二维码关注我们</p>
                            
                        </div><!--/.footer-widget-->
                    </div>

                	{nav name="nav"}		
					<div class="col-lg-offset-1 {if $key==4}col-lg-3{else /}col-lg-2{/if} col-md-4 col-sm-6">
						<div class="footer-widget usefull-link">
							<h4 class="widget-title">{$nav['title']}</h4>
							{if !empty($nav['_child'])}
							<ul>
								{volist name="nav['_child']" id="vo"}
								<li><a href="{$vo['url']|get_nav_url}">{$vo['title']}</a></li>
								{/volist}
							</ul>
							{else /}
							<ul>
								<li>电话：{$contact['telephone']}</li>
								<li>QQ：{$contact['qq']}</li>
								<li>邮箱：{$contact['email']}</li>
							</ul>
							{/if}
						</div>
					</div>
					{/nav}

				</div>
			</div>
        </div><!--/.main-footer-->
        
        <div class="copyright-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-5">
                        <div class="copyright-text">
                            {:config('web_site_icp')}
                      </div>
                    </div>
                    <div class="col-md-7">
                        <div class="footer-menu text-right">
                            <ul>
                                地址：{$contact['address']}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- // End Footer  -->

    <!-- == jQuery Librery == -->
    {if empty($notLoadJs)}
    <script src="__STATIC__/images/jquery-2.2.4.min.js"></script>
    {/if}
    <!-- == Bootsrap js File == -->
    <script src="__STATIC__/images/bootstrap.min.js"></script>
    <!-- == Match height == -->
    <script src="__STATIC__/images/jquery.matchHeight.js"></script>
    <!-- == Magnific Popup == -->
    <script src="__STATIC__/images/jquery.magnific-popup.min.js"></script>
    <!-- == Counter == -->
    <script src="__STATIC__/images/jquery.waypoints.min.js"></script>
    <script src="__STATIC__/images/jquery.counterup.min.js"></script>
    <!-- == OWl carousel == -->
    <script src="__STATIC__/images/owl.carousel.min.js"></script>
    <!-- == Wow JS == -->
    <script src="__STATIC__/images/wow.min.js"></script>
    <!-- == Isotope == -->
    <script src="__STATIC__/images/isotope.pkgd.min.js"></script>
    <!-- == Revolution Slider JS == -->
    <script type="text/javascript" src="__STATIC__/images/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="__STATIC__/images/jquery.themepunch.revolution.min.js"></script>
	<script type="text/javascript" src="__STATIC__/images/revolution.extension.actions.min.js"></script>
	<script type="text/javascript" src="__STATIC__/images/revolution.extension.layeranimation.min.js"></script>
	<script type="text/javascript" src="__STATIC__/images/revolution.extension.navigation.min.js"></script>
	<script type="text/javascript" src="__STATIC__/images/revolution.extension.slideanims.min.js"></script>
    <script type="text/javascript" src="__STATIC__/images/revolution-active.js"></script>
    <!-- == custom Js File == -->
    <script src="__STATIC__/images/custom.js"></script>
    </body>
</html>